<template>
    <scroll-view :id="id">
        <img :src="iconImg" alt="专区" mode="aspectFit">
        <p>{{text}}</p>
    </scroll-view>
</template>

<script>
  export default {
    props: ['id', 'text', 'iconImg'],
    data(){
      return{

      }
    },
    method:{

      scrollTo1(){
        wx.pageScrollTo({
          scrollTop: 300,
          duration: 300
        })
      }
    }
  }
</script>
<style>
  .area{
    width: 100%;
    margin-top: 6rpx;
    height: 180rpx;
    display: flex;
    background: #ffffff;
    border-bottom: 2rpx solid #f5f5f5;
  }
  .area div{
    width: 25%;
    height: 100%;
    text-align: center;
  }
  .area div img{
    width: 95rpx;
    height: 80rpx;
    margin-top: 28rpx;
  }
  .area p{
    color: #92e0d0;
    margin-top: 5rpx;
    font-size: 24rpx;
  }

</style>
